<template>
	<div>
		<div class="dw">
			<div class="fd">
				<router-link class="ly" active-class="active" to="/sy">
				<div>
					<div class="tb">
						<i class="iconfont icon-shouye1"></i>
					</div>
					<div>
						首页
					</div>
</div>
				</router-link>
				<router-link class="ly" active-class="active" to="/fbfb">
					<div class="tb">
						<i class="iconfont icon-fabugonggao"></i>
					</div>
					<div>
						发布
					</div>

				</router-link>
				<router-link class="ly" active-class="active" to="/wdwd">
					<div class="tb">
						<i class="iconfont icon-wode"></i>
					</div>
					<div>
						我的
					</div>
				</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				active: 0,

			};
		},
		methods:{
			// dj(){
			// 	this.$router.push('sy/ersho')
			// }
		}
	}
</script>

<style scoped>
	.fd {
		display: flex;
		justify-content: space-around;
	}

	.active {
		color: red !important;
	}

	.ly{
       text-decoration: none;
       color: black;
    }

	.tb {
		padding: 0 0 0 7px !important;
	}
    .dw{
        position: fixed;
        left: 0;
        right: 0;
      bottom: 0;
	  background: rgb(255,255,255);
    }

</style>
